@fs5:rgb(51,51,51);
@fs151:rgb(151,151,151);
@kz_blue:#47B7F9;
/*@kz_price:#FF9D00;*/
/*@kz_price:#F74C31;*/
@kz_price:#FF9D00;

@header-height:50px;



html,
body {
  background-color: #efeff4;
}
p {
  text-indent: 22px;
}
span.mui-icon {
  font-size: 14px;
  color: #007aff;
  margin-left: -15px;
  padding-right: 10px;
}
.mui-off-canvas-left {
  color: #fff;
}
.title {
  margin: 35px 15px 10px;
}
.title+.content {
  margin: 10px 15px 35px;
  color: #bbb;
  text-indent: 1em;
  font-size: 14px;
  line-height: 24px;
}
input {
  color: #000;
}

/*共用的东西*/

/*更改返回颜色跟*/
.mui-bar .mui-icon{
  padding-top:12px!important;
  color:white!important;
}


/*滑动背景颜色*/
.mui-off-canvas-left, .mui-off-canvas-right{
  background: @kz_blue;

  .left_top{

    position: absolute;
    left: 20px;
    top: 137px;

    .own_lt_list{
      line-height: 48px;

      .own_lt_icon.iconfont{

        font-size: 20px;
        display: inline-block;
        height: 18px;
        width: 18px;

        margin-right: 14px;
      }
      .own_lt_text{
        font-size: 16px;

        margin-right: 14px;

      }
      .own_lt_number{
        display: inline-block;
        margin-top: -5px;
      }

    }


  }


  .left_bottom{
    border-bottom: 1px solid rgba(255,255,255,.7);
    position:absolute;
    left:20px;
    top:16px;
    display:table;
    width: 100%;
  }


  .left_headimg {
    height: 83px;
    width:70px;
    display:table-cell;


    img{
      width: 70px;
      height: 70px;
      border-radius: 50%;

      border: 2px solid white;
    }
  }


.left_nametype{

  margin-top:-8px;
  width: 130px;
  vertical-align: middle;
  display:table-cell;

  .left_name{

    margin-bottom: 8px;
    text-indent: 5px;
    font-size: 16px;
    color: white;
    line-height: 21px;
  }
  .left_type{
    text-indent: 5px;
    line-height: 12px;
    font-size: 12px;
  }
}

}

/*右边滑块阴影*/
.mui-off-canvas-wrap.mui-active .mui-off-canvas-backdrop{
  box-shadow: -4px 0 4px rgba(0,0,0,.3),4px 0 4px rgba(0,0,0,.3);
}



header.mui-bar.mui-bar-nav{
  height: @header-height;
  padding-left: 11px;
  padding-right: 11px;

  background: @kz_blue;

}

.mui-bar .mui-title{
  height: @header-height;
  line-height: @header-height;

  font-size: 16px;
  color: white;

  /*首页中的顶部的图标*/
  .iconfont{
    font-size: 14px;
  }

}

.mui-bar-nav~.mui-content{
  padding-top:@header-height;
}

img.personal_headimg{
  margin-top:7px;
  border-radius: 50%;
  width: 36px;
  height: 36px;

}


/*左滑列表颜色*/
.mui-btn-ownprice{
  background: #FF6900;
}

/*列表的边距*/
.mui-table-view-cell{
  padding:9px 11px;
}
/*左边的图片*/
.mui-table-view .mui-media-object{
  line-height: 73px;
  height: 73px;
  max-width: 73px;
}
.mui-table-view .mui-media-object.mui-pull-left{
  margin-right: 15px;
}


.mui-media-body{
  padding-top: 5px;
  padding-bottom: 4px;

  /*公司名字*/
  .own_comname{
    font-size:16px;
    color:rgb(51,51,51);
    line-height:17px;
    margin-bottom: 12px;
    font-weight: bold;


  }
  .own_jobtype{
    margin-bottom: 9px;
    display: table;
    width: 100%;



    div{
      display: table-cell;
      width: 50%;



    }
    span{

      display: block;
      width: 100%;
      overflow: hidden;
      line-height: 12px;
      height: 12px;

      text-overflow:ellipsis;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      word-break: break-all;

      white-space:nowrap;

      .own_jobytpe_color{
        color: @kz_blue!important;
      }
    }
  }

  .own_pa,.own_jobtype,.own_workplace,.own_workaward{
    font-size: 12px;
    line-height: 12px;

  }

  .own_jobtype,.own_workplace{
    color: rgb(151, 151, 151);
  }
  .own_workplace{
    display: inline-block;
  }
  .own_workaward{
    font-size: 12px;
    line-height: 12px;
    float: right;
    display: inline-block;
    color: @kz_price;
    span{
      font-size: 12px;
    }
  }
}


/*行政区选择*/
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
  color:#47B7F9;
}
/*边框颜色*/
.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item, .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active{
  border-color: rgb(230, 230, 230);
}


/*右边的边框颜色宽度*/
#segmentedControlContents{
  border-left: 1px solid rgb(230,230,230);
  width: 65%;

  /*每个item*/
  .mui-table-view-cell{
    padding:15px 11px;
    &::after{
      background:rgb(230,230,230);
    }
  }
}


/*企业详情*/
.own_cominfo{
  background: white;
  padding-left: 11px;
  padding-bottom: 1px;
  .own_comname{
    padding:18px 0 15px 0;


    /*font-size: 16px;*/
    line-height: 16px;
    padding-right: 11px;
    color: @fs5;

    display: table;
    width: 100%;
    box-sizing: border-box;
    .own_comnameleft{
      float: left;
      max-width: 100%;
      font-size: 16px;


      /*white-space:nowrap;*/
      overflow:hidden;
      text-overflow:ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      word-break: break-all;
      font-weight: bold;

    }
    /*.own_comnameright{


      float: right;
      max-width: 40%;
      font-size: 12px;color: @fs151;
    }*/
  }

  .own_comreward{

    display: table;
    width: 100%;
    box-sizing: border-box;
    padding-right: 11px;

    .own_comreward_left{
      font-size:16px;
      color: @kz_price;
      line-height: 16px;
      padding-bottom: 22px;
      display: table-cell;
      width: 50%;
  }
    .own_comreward_right{

      width: 50%;
      text-align: right;
      display: table-cell;
      line-height: 16px;
      font-size: 12px;color: @fs151;


    }

  }

  .own_comtype{
    color: @fs5;
    font-size: 14px;
    margin-bottom: 10px;


    .iconfont{
      vertical-align: top;
      color: @kz_blue;
      display: inline-block;
      width: 14px;
      height: 14px;
      margin-right: 10px;
    }

  }

  .own_comloaction{
    font-size: 14px;
    color: @fs151;
    margin-bottom:18px;
  }
  .own_comother{
    padding-top:8px;
    padding-bottom:8px;

    display: -webkit-box;
    width: 100%;

    border-top: 1px solid rgb(210, 210, 210);

    .own_comphoto{
      width: 50px;
      height: 50px;
      background: rgb(200,200,200);
    }
    .own_comp{
      padding-top:6px;
      padding-bottom:6px;
      line-height: 14px;

      p{
        margin-bottom: 0px;
        text-indent:6px;
        color: @fs151;
      }
      p:first-child{
        margin-bottom:9px;
      }
    }

  }
}

/*企业简介*/
.commiaosu{
  margin-top:10px;
  padding-bottom: 20px;
  background: white;
  margin-bottom: 70px;

  .commiaosu_title{
    padding: 20px 11px 10px 11px;
    font-size:16px;
    line-height: 16px;
  }
  .commiaosu_content{
    font-size: 14px;
    color: @fs151;
    padding-left: 11px;
    padding-right: 11px;
    line-height: 21px;
    letter-spacing: 1px;

  }

  p{
    text-indent: 0!important;
  }
  img{
    width: 100%!important;
    height: auto!important;


  }
}

/*企业详情底部的按钮*/
.own_combutton{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;


  border-top: 1px solid rgb(240, 240, 240);
  background: rgb(250,250,250);

  box-sizing: border-box;
  height: 50px;
  padding-top:5px;
  padding-bottom:5px;
  padding-left: 11px;
  padding-right: 11px;

  display: table;

  .shabishi{
    display: table-cell;
    width: 40%;
    font-size: 14px;
    line-height: 14px;
    vertical-align: middle;
    color: @kz_price;

    span{
      font-size: 16px;
      /*color: @kz_price;*/
    }
  }

  .ni{
    display: table-cell;
    width: 60%;
  }

  input{
    background: @kz_blue;
    text-align: center;
    font-size: 18px;
    color: white;
    height: 40px;
    width: 100%;
    border: 0;
  }



}


/*申请报名*/
.own_shenqing_p{
  padding-top:20px;
  text-indent: 11px;
}
.own_shenqing{

  box-sizing: border-box;
  padding-left: 15px;
  background: white;
}
.own_shenqing_list{



  box-sizing: border-box!important;
  display: -webkit-box;
  width: 100%;

  padding: 14px 0 14px 0;

  border-bottom: 1px solid rgb(240,240,240);

  .own_shenqing_item{
    box-sizing: border-box;

    &:nth-of-type(1){
      width: 70px;
      margin-bottom: 0;
      border: 0;
      padding: 0;
      height: 21px;
      line-height: 21px;
      font-size: 16px;
    }


    &:nth-of-type(2){
      -webkit-box-flex: 1;

      width: 80%;
      vertical-align:middle;
      position: relative;
      .yanzhengma{
        right: 11px;
        top: -3px;
        font-size: 14px;
        line-height: 28px;
        height: 28px;
        padding-left: 12px;

        padding-right: 12px;
        color: #ffffff;
        background-color: @kz_blue;
        position: absolute;
      }
    }

    input{
      margin-bottom: 0;
      border: 0;
      padding: 0;
      height: 21px;
      line-height: 21px;
      font-size: 16px;
    }

    select{
      margin-top:0;
      margin-bottom: 0;
      padding: 0;
      font-size: 16px;
    }

  }

}

/*申请按钮*/
.own_shenqing_button{
  margin-top:24px;

  /*.mui-btn{
    border: 0;
  }*/

  .mui-btn-primary{
    background-color: @kz_blue;
    border-color: @kz_blue;
    /*line-height: 24px;*/
  }
  .mui-btn-block{
    padding: 12px 0;
  }
}

/*申请列表 end*/






/*我的工友*/

/*边框颜色*/
.mui-segmented-control{
  border-color: white;
}


.mui-control-content{

}


/*定位到中间*/
.mui-bar .mui-segmented-control{
  position: absolute;
  left: 50%;
  margin-left: -87px;
  top:10px;
}

.own_workmate_control{

  /*position: fixed!important;
  z-index: 9999;

  top: 10px;
  left: 50%;
  margin-left: -87px;*/

}
.own_segement_control{
  border-bottom: 1px solid rgb(230, 230, 230) !important;
  .mui-scroll{
    width: 100% !important;
    background: white;
    .mui-control-item{
      width: 50%;
      box-sizing: border-box;
      line-height: 35px!important;
      font-size: 14px;
      /*border-right: 1px solid rgb(230, 230, 230);*/

      &.mui-active{
        border-bottom: 2px solid #47B7F9!important;
      }
    }
  }


}

/*取消上边距*/
#is_apply{
  border-top: 0 !important;
}
#no_apply{
  border-top: 0 !important;
}




/*中间分割线颜色*/
.mui-segmented-control .mui-control-item{
  border-color: white;
}
/*激活状态*/
.mui-segmented-control .mui-control-item.mui-active{
  background-color: white;
  color: @kz_blue;
}
/*未激活状态*/
.mui-segmented-control .mui-control-item{
  color: white;
  width: 87px;
  font-size: 14px;

  line-height: 30px;
}

/*日期选择*/
.own_timepicker{
  box-sizing: border-box;
  padding:8px 15px;
  background-color:white;

  .own_timepicke_btn{
    color: #A0A6AE;
    font-size: 12px;
    width: 100%;
    border: 0;
    background-color: rgb(243,243,243);

    .iconfont{
      font-size: 12px;
    }
  }


}

/*工友列表样式*/
.own_myworkmate{
  .mui-table-view:before{
    display: none;

  }
  .mui-table-view-cell{
    padding-top:15px;
    padding-bottom: 15px;

    .own_workmate_nt{

      margin-bottom: 6px;
      .own_workmate_name{
        font-size: 16px;
        line-height: 16px;
        display: inline-block;
        color: #383F47;
      }
      .own_workmate_time{
        float: right;
        font-size: 12px;
        line-height: 16px;
        display: inline-block;
        color: #A0A6AE;
      }
    }
    .own_workmate_com{
      font-size: 14px;
      line-height: 14px;

      color: #A0A6AE;
    }
  }
}
/*我的工友 end*/


/*我的财富*/


.own_canvas_shengyu{

  text-align: center;

  position: absolute;
  left: 50%;
  top: 50%;

  -webkit-transform: translate(-50%,-100%);

  .own_canvas_number{
    font-size: 36px;
    font-weight: bold;
    color: white;
    line-height: 40px;

    small{
      font-size: 10px;
      vertical-align: super;
    }

  }

  .own_canvas_text{

    font-size: 14px;
    color: white;
  }

}

.own_wallet_type{

  padding-bottom: 40px;
  background: white;
  padding-top: 30px;

  display: table;
  width: 100%;
  text-align: center;

  .own_wallet_type_item{

    display: table-cell;

    width: 33.333%;
    border-right: 1px solid rgb(240, 240, 240);

    &:last-child{
      border-right: 0;
    }


    .own_wallet_iconfont{
      display: inline-block;
      height: 39px;
      width: 39px;
      font-size: 39px;
      line-height: 39px;
      margin-bottom: 10px;
      color: @kz_blue;
    }
    .own_wallet_content{
      color:#383F47;
      font-size: 14px;
    }


  }

}
.own_mywallet_button{
  background: white;
  text-align: center;

  .own_mywallet_shenqing{
    color: white;
    font-size: 16px;
    border-radius: 60px;
    height:40px;
    width: 213px;

    margin: 0 auto;
    border: 0;
    background: -webkit-linear-gradient(left,#59E7F1, #41ABFD);
    box-shadow: 0 0 15px rgba(85,198,255,.50);
  }

}



/*银行卡*/
.own_bankcard{

  height: 140px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 16px;

  border-radius: 5px;
  width: 100%;
  background: -webkit-linear-gradient(left,#5084BF, #3D5EA9);

  position: relative;
  color: white;

  .own_bankcard_bank{



    /*padding-top:20px;*/
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    border-bottom: 1px solid white;
    text-indent: 45px;

    .bank_logo{
      display: inline-block;
      position: absolute;

      top: 23px;
      left: 10px;

      background-color: white;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      @size:33px;
      width: @size;
      height: @size;
      background-size: @size;

      vertical-align: text-bottom;
      img{
        height:@size;
        width:@size;
      }

    }

    .own_bankcard_delete{
      text-indent: 0;
      position: absolute;
      width: 16px;
      height: 16px;
      text-align: center;
      line-height: 16px;

      font-size: 12px;

      right: 16px;
      top: 16px;
      background-color: #5D5D5D;
      border-radius: 50%;
    }
  }

  .own_bankcard_number{
    padding-left: 10px;
    padding-right: 10px;
    line-height: 60px;
    font-size: 24px;
    letter-spacing: 1px;
    span{
      color: rgba(255, 255, 255, .5);
      margin-right: 24px;
      letter-spacing: 2px;


      &:last-child{
        letter-spacing: 0px;
        margin-right: 0;
        color: white;
      }
    }

  }

  /*新增*/
  &.own_bankcard_addbtn{
    background: #E2E2E2;
    text-align: center;
    position: relative;




    .own_bankcard_btn{
      position: absolute;
      display: inline-block;
      background: white;
      color: #203245;

      left: 50%;
      top: 50%;
      line-height: 66px;
      margin-left: -33px;
      margin-top: -33px;

      -webkit-border-radius: 50%;
      border-radius: 50%;
      height: 66px;
      width: 66px;
      font-size: 60px;



    }

  }

}





/*提现记录*/

/*.mui-table-view.own_tixian:after{
  display: none;
}*/

.own_tixian_list{

  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;

  display: -webkit-box;
  width: 100%;

  &.mui-table-view-cell:after{
    display: none;
  }

  &.mui-table-view:after{
    display: none;
  }

  .own_tixian_statepoint{

    width: 40px;
    padding-top:18px;
    padding-left: 7px;


    .own_tixian_point{
      /*margin-top: 16px;
      margin-left: 10px;*/
      width: 10px;
      height: 10px;

      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;

      background-color: #727171;

      &.green_point{

        background-color: #4FC281;

      }
      &.red_point{

        background-color: #FAAFAF;

      }

    }

  }
  .own_tixian_item{

    -webkit-box-flex: 1;
    width: 100%;
    padding-top:14px;
    padding-bottom: 14px;
    padding-right: 11px;
    border-bottom: 1px solid #EFEFF4;


    .own_tixian_cp{
      line-height: 16px;
      margin-bottom: 9px;

      .own_tixian_caozuo{
        font-size: 16px;
        line-height: 16px;
        color: #383F47;
      }
      .own_tixian_price{
        font-size: 14px;
        line-height: 16px;
        color: #383F47;
        float: right;
      }
    }



    .own_tixian_ts{
      line-height: 12px;
      .own_tixian_time{
        font-size: 12px;
        color: #A0A6AE;
      }
      .own_tixian_state{
        font-size: 12px;
        color: #A0A6AE;
        float: right;
      }
    }


  }
}



/*社招中心*/
.own_user_center_top{
  height:250px;
  width:100%;
  background-color:@kz_blue;
  position: relative;
  text-align: center;

  img{
    margin-top:30px;
    width: 120px;
    height: 120px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;

    border:2px solid white;

  }

  .own_user_center_name{
    font-size: 16px;
    color: white;
    margin-top: 15px;
  }
  .own_user_center_{
    font-size: 12px;
    margin-top: 3px;
    color: white;
  }
}